<template>
	<view class="switch">
		<view class="switch-title">重启开关</view>
		<view class="switch-btn">
			<button class="switch-top" type="default" @tap="$emit('onCQ')">立即重启</button>
			<button class="switch-bottom" type="default" @tap="$emit('onClose')">关闭</button>
		</view>
	</view>
</template>

<script>
	export default {
		
	}
</script>

<style scoped lang="less">
	.switch{
		width: 700rpx;
		height: 480rpx;
		color: #FFFFFF;
		border-radius: 20rpx;
	}
	.switch-title{
			display: flex;
			justify-content: center;
			align-items: center;
			width: 100%;
			height: 102rpx;
			background: #4F9AFF;
			border-radius: 20rpx 20rpx 0px 0px;
			font-size: 41rpx;
		}
	.switch-btn{
			width: 100%;
			height: 379rpx;
			background: #FFFFFF;
			display: flex;
			align-items: center;
			justify-content: center;
			flex-direction: column;
			border-radius: 0px 0px 20rpx 20rpx;
		}
	.switch-top{
		display: flex;
		align-items: center;
		// margin-top: 60rpx;
		justify-content: center;
		width: 369rpx;
		height: 95rpx;
		background: #F35547;
		border-radius: 95rpx;
		color: #FFFFFF;
		font-size: 47rpx;
	}
	.switch-bottom{
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 46rpx;
		width: 369rpx;
		height: 95rpx;
		background: #CCCCCC;
		border-radius: 95rpx;
		color: #EEEEEE;
		font-size: 47rpx;
	}
</style>
